<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style lang="stylus">
  html {
    background: #f0f6fe;
    color: #000000;
    height: 110%
  }
  body
    height: 120%
  /* 内外边距通常让各个浏览器样式的表现位置不同 */
  body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    margin:0;
    padding:0;
  }
  /* 要注意表单元素并不继承父级 font 的问题 */
  body,button,input,select,textarea {
    font:12px \5b8b\4f53,arial,sans-serif;
  }
  /* 去掉列表前的标识，li 会继承 */
  ol,ul {
    list-style:none;
  }
  /* 让链接在 hover 状态下显示下划线 */
  a:hover {
    text-decoration:underline;
  }
  .clearfix::after
    content: '.'
    height: 0
    line-height: 0
    visibility hidden
    display: block
    overflow: hidden
    clear both
</style>
